<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>详情图</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js">
    <link rel="stylesheet" href="css/cpxx.css">
    <style>
        .my-div {
            background-color: #000;
            width: 96%;
            height: auto;
            position: absolute;
            margin-top: 0px;
            margin-left: 0px;
        }


        .content {
            width: 100%;
            height: 100%;
            position: absolute;
            margin-top: 0px;
            margin-left: 0px;

        }
    </style>
</head>

<body>
    <!-- <div style="height: ;"></div> -->
    <div class="my-div">
        <table border="1" cellspacing="0">
            <thead>
                <tr>
                    <td colspan="2">
                        <!-- 二维码 -->
                        <img src="images/微信图片_20221212161402.png" alt="">
                        <h3>苏宁易购</h3>
                        <p>长按扫码申请产品</p>
                    </td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="he">授信额度</td>
                    <td class="ce">
                        <span>300万</span>
                    </td>
                </tr>
                <tr>
                    <td class="he">年化利率</td>
                    <td class="ce">
                        <span>6.18% - 7.85% 担保费：3%-3.75%</span>
                    </td>
                </tr>
                <tr>
                    <td class="he">借款周期</td>
                    <td class="ce">
                        <span>6/12/24期</span>
                    </td>
                </tr>
                <tr>
                    <td class="he">还款方式</td>
                    <td class="ce">
                        <span>
                            等额本息
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="he">准入要求</td>
                    <td class="ce">
                        <span>1、申请人年龄：20-65周岁，具有中国国籍（不含港、澳、台）</span>
                        <span>2、申请人：企业法定代表人，持股5%以上</span>
                        <span>3、法人变更要求：企业法人变更满12个月 </span>
                        <span>4、实际经营时长不少于1年。 </span>
                        <span>5、近一年开票金额≥120万，近两年开票月份数≥12个月（均不算当月）</span>
                    </td>
                </tr>
                <tr>
                    <td class="he">征信要求</td>
                    <td class="ce">
                        <span>1、无当前逾期、无连3累6</span>
                        <span>2、建议近2个月≤6次（按机构数，“贷后管理”查询不算）</span>
                        <span>3、信用卡使用率≤70%；（征信报告上单张信用卡额度使用率和总的信用卡额度使用率两个都不能超过70%）</span>
                    </td>
                </tr>
                <tr>
                    <td class="he">其他</td>
                    <td class="ce">
                        <span>1、164/140/141/142/170/171 号段无法申请</span>
                        <span>2、福建/河北禁入明细：</span>
                        <span>福建省：宁德市蕉城区、霞浦县、古田县、屏南县、寿宁县、周宁县、柘荣县</span>
                        <span>河北省：邯郸市临漳县、成安县、大名县、涉县、磁县、邱县、鸡泽县、广平县、馆陶县、魏县、曲周县；唐山市曹妃甸区、滦县、滦南县、乐亭县、迁西县、玉田县、遵化市、迁安市
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="he">禁止行业</td>
                    <td class="ce">
                        <span>采矿业、金融业、租赁业、娱乐业、公共管理、社会保障和社会组织、国际组织</span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>


    <div class="footer_box">
        <button onclick="javascript:window.history.back(-1);" title="返回上一页">
            取消
        </button>
        <button id="btn">保存到相册</button>
        <span class="toast"
            style="display: none;background-color: #7f7f7f; min-width: 10rem; font-size: 1rem;border-radius:.6rem;padding: .5rem 1rem;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);border: none;opacity: .9;color: #fff;text-align: center;">
            长按内容保存至相册
        </span>
    </div>


    <!-- 将页面保存为图片 -->
    <div class="content">
        <img id="img" class="img" />
    </div>





    <script src="js/flexible.js"></script>
    <!-- 将页面保存为图片js -->
    <script src="js/html2canvas.js"></script>
    <script>
        window.onload = function () {
            //要转换为图片的dom对象
            var element = document.querySelector('.my-div');
            //要显示图片的img标签
            var image = document.querySelector('#img');
            //调用html2image方法
            html2image(element, image);


            function html2image(source, image) {
                html2canvas(source).then(function (canvas) {
                    var imageData = canvas.toDataURL(1);
                    image.src = imageData;
                });
            }
        }

        document.querySelector('#btn').onclick = function () {
            document.querySelector('.toast').style.display = ''
            // // 2 s后自动关闭
            setTimeout(() => {
                document.querySelector('.toast').style.display = 'none'
            }, 2000);
        }
    </script>
</body>

</html>